<template>
    <div class="list">
        
        <div class="divline"></div>
        
            <el-table  :data="tableData" border style="width: 100%;margin-top:10px;" align='center'>
                  <el-table-column
                      prop="phone"
                      label="手机号码"
                      align="center"
                      width="130">
                  </el-table-column>
                  <el-table-column  
                      prop="qq_key"
                      label="qqKey"
                      width="130"
                      align="center">
                  </el-table-column>
                  <el-table-column
                      prop="wechat_key"
                      label="微信key"
                      align="center"
                      width="130">
                  </el-table-column>
                  <el-table-column
                      prop="ctime"
                      label="创建时间"
                      align="center"
                      :formatter="formatterCtime"
                      width="130">
                  </el-table-column>
              </el-table>
        </el-table>

        <div class="block">
           <el-pagination
            style="margin-top:10px;"
            align="center"
            @current-change="handleCurrentChange"
            :current-page="currentPage"
            :page-size="tableCount"
            :layout="layout"
            :total="total">
            </el-pagination>
        </div>
    </div>
</template>

<script>
    import ListJs from './List.js';
    module.exports=ListJs;
</script>
<style scoped>
  .divline {
    margin-top: 10px;
    margin-bottom: 20px;
    height:1px;
    width:100%;
    background:#999;
    overflow:hidden;
  }     
</style>
